/*
Theme Name: Jony it
Theme URI: http://gurusite.ru
Description: 2 columns
Version: 1.0
Author: Mironov Artem
Author URI: http://gurusite.ru
*/

* {margin:0; padding:0; }

body {
	line-height: 14px;
        background: url(images/background.png) repeat;
	font: 13px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#444;
}

a {
        text-decoration: none;
        color: #3333fe;
}

a:hover {
        text-decoration: underline;
}

/*-------------button----------*/

.button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #018dc4;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal medium/normal Arial, Helvetica, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0199d9;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.button:hover {
  border: 1px solid #007cad;
  background: rgba(0,142,198,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.button:active {
  border: 1px solid #018dc4;
  background: #00a6e8;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
  text-shadow: none;
  -webkit-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);
}



/*----- images -----*/

img {
        border: 0px;
}

img.aligncenter {
       display: block;
       margin-left: auto;
       margin-right: auto;
}

img.alignright {
       padding: 4px;
       margin: 0 0 2px 7px;
       display: inline;
}

img.alignleft {
       padding: 4px;
       margin: 0 7px 2px 0;
       display: inline;
}

.alignright {
       float: right;
}

.alignleft {
       float: left;
}

p {
        padding-bottom: 10px;
        line-height: 19px;
}

.clear_fix { clear: both; }

#wrapper {
        width: 1000px;
        margin: 0 auto;
}

#top {
        position: absolute;
        width: 100%;
        height: 300px;
        top: 0;
        left: 0;
        background: url(images/header_bg.png) repeat-x center top;
}


#nolix_ads {
        width: 994px;
        height: 40px;
        margin: 10px 0 0 0!important;
}

#nolix {
        position: relative!important;
        height: 35px!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
        margin: 0px!important;
        border: 3px solid ##1e1e1e!!important;
        border-radius: 0px!important;
}

#nolix_link {
        height: 35px!important;
        padding-left: 10px!important;
}

#nolix_link a,
#nolix_link a:hover {
        padding-left: 0px!important;
        font: normal 22px/35px Arial,Tahoma,sans-serif!important;
        color: #fff!important;
       text-decoration: underline;
}

#nolix_add {
        height: 35px!important;
        margin-right: 0px!important;
}

#nolix_add a,
#nolix_add a:hover {
        background: none!important;
        color: #fff!important;
        line-height: 30px;
        text-shadow: 0 0 0 #fff!important;
}

/*------------------------------ Header ------------------------------*/

#header {
        position: relative;
        width: 1000px;
        padding-top: 20px;
}

#logo {
        float: left;
        width: 220px;
        height: 111px;
        margin: 6px 0 9px 0px;
        background: url(images/logo.png) no-repeat;
}

#separator {
        float: left;
        width: 2px;
        height: 59px;
        margin: 40px 15px 0;
        background: url(images/separator.png) no-repeat;
}

#logo_title {
        float: right;
        margin: 40px 0 18px;
        font-size: 1.5em;
        font-family: Georgia, serif;
        font-style: italic;
        text-shadow: 1px 1px 1px #656565;
        color: #1D1D1D;
}



.lavaLamp {
        float: left;
        position: relative;
        width: 991px;
        height: 45px;
        margin: 12px 0 0;
        padding: 0 0 0 9px;
        list-style: none;
        background: url(images/topmenu.png) no-repeat;
}

.lavaLamp li {
        list-style: none;
}

.lavaLamp ul li {
        float: left;
}

.lavaLamp ul li a {
        display: block;
        line-height: 44px;
        padding: 0 15px;
        background: url(images/sep.png) no-repeat center right;
        font-family: Arial, sans-serif;
        color: #fffffe;
}

.lavaLamp ul li a:hover {
        background: #111111;
        color: #00b4ff;
        text-decoration: none;
}

.lavaLamp li.back {
        position: absolute;
        width: 70px;
        height: 16px;
        padding: 0;
        margin-top: 30px;
        background: url('images/lavalamp.png') no-repeat;
        background-position: center 0px;
        z-index: 3;
}

.yandexform {
        position: absolute;
        display: block!important;
        top: 8px;
        right: 10px;
        width: 288px;
        height: 35px;
}


/*------------------------------ Container ------------------------------*/

#container {
        position: relative;
        width: 1000px;
        background: url(images/content_bg.png) repeat-y;
}

#container:after,
#footer:after,
.top-comment:after,
#respond:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#container_top {
        width: 1000px;
        height: 10px;
        margin-top: 13px;
        background: url(images/content-top.gif) no-repeat;
}

#container_bottom {
        width: 1000px;
        height: 10px;
        background: url(images/content-bottom.gif) no-repeat;
}

#content {
        float: left;
        width: 700px;
}


/*------------------------------------ Post -----------------------------------------*/

.post {
        padding: 10px 10px 10px 20px;
        margin-bottom: 15px;
        border-radius: 7px;
	background: #fff;
}

.post h2,
.post h3,
.post h4,
.post h5 {
        width: 100%;
        margin: 4px -1px;
        color: #505050;
        font-family: Georgia;
        font-style: normal;
        font-weight: normal;
        text-align: ;
          line-height: 1.0;
margin-bottom: 15px;
}

.post h2 { font-size: 22px; }
.post h3 { font-size: 20px; }
.post h4 { font-size: 16px; }
.post h5 { font-size: 14px; }

.post ul,
.post ol {
    margin-left: 30px;
        margin-bottom: 20px;
}

.post ul li { list-style-image: url(images/bullet.gif); padding: -1px 0 -1px 5px;}


h1.post_title,
h2.post_title {
        margin: 0 0 7px;
        padding: 13px 7px 10px 0px;
        text-align: left;
        /*text-shadow: #010101 2px 2px 8px;*/
        font: normal 1.8em Georgia, sans-serif;
        color: #000001;
}

h2.post_title a { text-decoration: none; color: #000001; }
h2.post_title a:hover { text-decoration: none; color: #0054CC; /*text-shadow: #333333 1px 1px 5px; */ }


.postmeta {
        width: 100%;
        height: 25px;
        margin-bottom: 10px;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        color: #717171;
}

.postmeta ul {
        margin-left: 0px;
}

.postmeta ul li {
        list-style-image: none;
}


.meta_ul {
        width: 100%;
        list-style: none;
}

.meta_ul li {
        float: left;
        font: normal 12px/25px Arial, sans-serif;
}

.date {
        background: transparent url(images/date.png) no-repeat left center;
}

.author {
        margin-left: 8px;
        padding-left: 22px;
        padding-top: 3px;
        background: transparent url(images/author.gif) no-repeat left center;
}

.cat {
        margin-left: 8px;
        padding-left: 23px;
        padding-top: 2px;
        background: transparent url(images/cat.gif) no-repeat left center;
}

.cat a { color: #0054CC; }

.post_more {
        height: 30px;
        text-align: center;
}

.read_more {
        float: left;
        width: 180px;
        height: 25px;
        border: 2px solid #fff;
        border-radius: 7px;
        box-shadow: 0px 0px 5px #00b4fe;
        background: #e1faff;
        font: normal 12px/25px Arial, sans-serif;
        color: #000001;
}

.comm_more {
        float: left;
        width: 130px;
        height: 25px;
        margin: 0px 20px 0 160px;
        border: 2px solid #fff;
        border-radius: 7px;
        box-shadow: 0px 0px 5px #00b4fe;
        background: #e1faff;
        font: normal 12px/25px Arial, sans-Serif;
}

.comm_more:hover, .read_more:hover { box-shadow: 0px 0px 2px #00b4fe; }

.comm_more a { color: #000001; text-decoration: none; }
.comm_more a:hover { color: #000001; text-decoration: none; }

.post_adsup {
        width: 100%;
        line-height: 30px;
}

.post_adsdown {
        width: 336px;
        height: 280px;
        margin: 20px auto 5px;
}

.post_banner {
        width: 468px;
        height: 60px;
        margin: 0 auto 10px;
}

.post_feed {
        width: 610px;
        height: 153px;
        padding: 10px;
        margin: 0 auto;
        background: url('http://jonyit.ru/sprite/sprite3.png') no-repeat;
}

.post_tweet {
        position:relative;
        top:80px;
        left:8%;
}

.post_gplus {
        position:relative;
        top: 33px;
        left: 27%;
}

.post_feedform {
        position:relative;
        top: -20px;
        left: 66%;
}

.post_feedsubmit {
        position:relative;
        top:0px;
        left:4%;
}


/*----------------------------------- Comments -------------------------------------------*/

#comments {
        margin: 20px 0 25px 20px;
        padding: 0;
        text-shadow: #010101 2px 2px 8px;
        font: normal 1.6em Georgia, sans-serif;
        color: #000001;
}

ol.commentlist {
        margin: 0 10px 0 -5px;
        padding: 0;
        list-style: none;
}

ol.commentlist li.comment ul.children {
        list-style: none;
        margin: 10px 0 0;
}

span.comment-moderation {
         font-style: italic;
         color: #666;
         padding: 20px 0 0;
         display: block;
         font-size: 12px;
}


/*--------------------------- One comment --------------------------------*/

li.comment .comment-wrap {
         position: relative;
         margin: 0 0 10px;
         padding: 10px;
         border: 1px solid #cccccb;
         border-radius: 6px;
         background: #fff;
}

li.comment .comment-wrap.administrator {
         border: 1px solid #cccccb;
         background: #dbddeb;
         color: #000001;
}

ol.commentlist li.comment .comment-wrap.administrator .com-author,
ol.commentlist li.comment .comment-wrap.administrator .comment-reply-link,
ol.commentlist li.comment .comment-wrap.administrator .comment-permalink { color: #333331; }

ol.commentlist li.comment .comment-wrap.administrator img.avatar {}

li.comment {
         position: relative;
         padding: 0 0 0 25px;
}

.comment img.avatar {
         position: absolute;
         display: block;
         width: 50px;
         height: 50px;
         left: 10px;
         border-radius: 5px;
}

.comment-intro {
        position: relative;
        margin: 0 0 0 64px;
        padding: 16px 0;
}

a.comment-permalink {
        float: right;
        margin: 0;
        font-size: 11px;
        color: #657F8C;
}

span.com-author,
span.com-author a {
        color: #657F8C;
        font-size: 16px;
}

.comment-text {
        padding: 15px 0 0;
}

.comment div.reply {
         font-size: 14px;
         text-align: right;
}

.comment div.reply a {
         display: inline-block;
         color: #657F8C;
}

/*--------------------------- flat--------------------------------*/
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Montserrat);

.flat {
  font-family: 'Montserrat';
  text-transform: uppercase;
  border: none;
  text-align: center;
  outline: none;
  cursor: pointer;
  color: #fafafa;

        float: right;
	position: relative;
        display: inline-block;
	width: 110px;
	height: 30px; 
	margin: 15px 0 0; 
	cursor: pointer;
        
       
        
        font: bold 12px Arial, sans-serif;
	
}
.flat.xs {
  padding: 3px 9px;
  font-size: 13px;
}
.flat.sm {
  padding: 9px 12px;
  font-size: 13px;
}
.flat.md {
  padding: 12px 15px;
  font-size: 13px;
}
.flat.lg {
  padding: 15px 24px;
  font-size: 15px;
}
.flat:active {
  position: relative;
  top: 2px;}

.flat.green {
  background-color: #0aa699;
  -webkit-box-shadow: 0px 3px 0px #08847a;
  -moz-box-shadow: 0px 3px 0px #08847a;
  box-shadow: 0px 3px 0px #08847a;
}
.flat.green:active {
  -webkit-box-shadow: 0px 1px 0px #0aa699;
  -moz-box-shadow: 0px 1px 0px #0aa699;
  box-shadow: 0px 1px 0px #0aa699;
}
.flat.green:hover {
  background-color: #099d91;
}
/*--------------------------- Respond --------------------------------*/

#respond {
        position: relative;
        margin: 0 0 0 20px;
}

.comments_h4 {
        margin: 25px 0 15px;
        padding: 0;
        text-shadow: #010101 2px 2px 8px;
        font: normal 1.6em Georgia, sans-serif;
        color: #000001;
}

ol.commentlist li #respond .comments_h4 { display: none; }

a#cancel-comment-reply-link {
         left: 20px;
         top: 10px;
         text-decoration: none;
         text-shadow: 0.1px 0.1px 0.1px #FF7B01;
         font: normal 14px Arial, sans-serif;
         color: #0054CC;
}

.cancel_comment_fix {
         position: relative;
         top: 3px;
         padding-right: 5px;
         font-size: 22px;
}

form#commentform {
        position: relative;
        width: 100%;
        height: 200px;
        padding: 10px 0 0;
}

.comment-inputs {
        width: 39%;
        float: left;
        margin: 0 25px 0 0;
}

.relative-input, .comment-textarea {
         position: relative;
         margin: 0 0 20px;
}

.relative-input input[type="text"], .comment-textarea textarea {
         padding: 7px;
         border: 1px solid #E1FAFE;
         width: 96%;
         border-radius: 5px;
         box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.relative-input input[type="text"] {
         height: 26px;
         line-height: 26px;
         padding: 0 7px;
}

.relative-input input[type="text"]:focus, .comment-textarea textarea:focus {
         border-color: #333;
         box-shadow: 0 0 5px rgba(0, 0, 0, 0);
}

.relative-input label, .comment-textarea label {
         position: absolute;
         top: 7px;
         left: 10px;
         color: #777;
         font-size: 12px;
}

.comment-textarea {
        float: left;
        width: 56%;
        max-width: 56%;
}

.comment-textarea textarea { height: 108px; }

.comment-textarea #submit { 
		float: right;
	position: relative;
        display: inline-block;
	width: 110px;
	height: 30px; 
	margin: 15px 0 0; 
	cursor: pointer;
        box-shadow: 0px 0px 5px #00B4FE;
        border: 2px solid #fffffd;
        border-radius: 7px;
        font: bold 12px Arial, sans-serif;
	background: #E1FAFF;
        color: #000001;
	
}

.comment-textarea #submit:hover {
        box-shadow: 0px 0px 2px #00B4FE;
}

.qipsmiles-box {
        padding: 14px 0 5px 5px;
        margin: 0px 0 0;
        width: 100%;
        text-align: center;
}

p.subscribe-to-comments {
        top: 200px;
        margin: 0;
        right: 140px;
        position: absolute;
        font-size: 13px;
        color: #444;
}

.comment-wrap.administrator p.subscribe-to-comments { bottom: 60px; }

ol.commentlist li.comment p.subscribe-to-comments, ol.commentlist li.comment .administrator p.subscribe-to-comments { bottom: 60px; }

p.subscribe-to-comments input {
        position: relative;
        top: 0px;
        left: 0px;
}

ol.commentlist li p.subscribe-to-comments { right: 140px; }

ol.commentlist li .admin-form p.subscribe-to-comments { right: 165px; }

/* замена ссылок на боки span */
.spanlink { color: blue; cursor:pointer; }
.spanlink :hover { color:blue; text-decoration:underline; }

/*--------------- Paginate ---------------*/

#paginate {
        padding: 0;
        margin: 35px 0 5px 0;
        text-align: center;
        color: #333;
        text-shadow: 0.1px 0.1px 0.1px #333;
}

#paginate .current {
	padding: 4px 8px;
	margin: 2px;
	border: 1px solid #00b4fe;
        border-radius: 7px;
        background: #e1faff;
	color: #00b4ff;
        font-size: 13px;
        font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}

#paginate a,
#paginate .prev,
#paginate .next {
        border: 1px solid #00b4fe;
        border-radius: 7px;
        color: #000001;
        font-size: 13px;
        font-weight: bold;
	font-family: Arial;
        margin: 2px;
        padding: 4px 8px;
        text-decoration: none;
        text-shadow: 0.1px 0.1px 0.1px #333;
}

#paginate a:hover,
#paginate .prev:hover,
#paginate .next:hover {
	border: 1px solid #00b4fe;
        border-radius: 7px;
        background: #e1faff;
	color: #00b4ff;
	padding: 4px 8px;
	margin: 2px;
        font-size: 13px;
        font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}

#paginate .dots {
        color: #000;
        margin: 2px;
        padding: 4px 8px;
}


/*------------------------------ Sidebar ------------------------------*/

#sidebar {
        float: right;
        width: 270px;
        margin: 5px 15px 0px;
}

.block {
        text-align: center;
}

#sidebar .h2 {
        width: 215px;
        min-height: 22px;
        padding: 5px 0 0 30px;
        margin: 0px 0px 6px 0px;
        background: url(images/sidebar_block_h2.png) no-repeat;
        font-size: 1.5em;
        font-family: Century Gothic, sans-serif;
        font-weight: lighter;
        text-shadow: 1px 1px 1px white;
        color: #7A7979;
}

#sidebar .h2_down {
        width: 270px;
        height: 16px;
        background: url(images/sidebar_hr.png) no-repeat 7px 0;
}

#sidebar ul {
        list-style-type: none;
        /*padding-left: 20px;*/
}


#sidebar .widget { margin-bottom: 25px; margin-left: -7px;  }

.popbar {
        border-width: 2px;
        border-style: outset;
        border-color: #fffffd;
        text-align: center;
        padding: 10px;
        margin-bottom: 15px;
}

.top-comment {
        position: relative;
}

.top-comment .commentator {
        float: left;
        width: 80px;
        height: 75px;
        margin: 13px 5px 0;
        text-align: center;
}
 
.top-comment .avatar-top img {
        width: 50px;
        height: 50px;
        border: 2px solid #0054CC;
        border-radius: 5px;
        margin: 0 0 3px 0;
}
 
.top-comment .avatar-comment {
        font-size: 12px;
}


/*------------------------------ Footer ------------------------------*/

#footer {
        position: relative;
        width: 1000px;
        padding-top: 40px;
        background: url(images/footer_bg.png) no-repeat;
}

#footer .widget {
        float: left;
        width: 270px;
        margin: 0 29px 0 34px;
        background: url(images/footer_h2.png) no-repeat 0px 39px;
        color: #ADADAD;
}

#footer .h3 {
        width: 270px;
        padding-left: 2px;
        margin: 0 0 32px 0;
        font-size: 2em;
        font-weight: lighter;
        font-family: Century Gothic;
        text-shadow: 1px 0px 1px #616161;
        color: black;
}

#footer a { color: #ccccce; }

#footer ul { list-style: none; }

#footer li {
        padding: 0 0 0 30px;
        margin: 0 0 25px;
        background: url(images/list_b.png) no-repeat 5px 0;
}

#footer .widget img.photo {
        display: block;
        width: 25px;
        height: 25px;
	float: left;
	margin-right: 7px;
}

#footer .bottom {
        width: 1000px;
        padding-top: 10px;
        margin: 10px 0;
        background: url(images/footer_h2.png) no-repeat 730px 0;
        font-size: 0.917em;
        font-weight: lighter;
        text-align: right;
        text-shadow: 1px 1px 1px black;
        color: #727171;
}

/*-------------webmastermaksim----------*/

/* Pulse */ 
@-webkit-keyframes pulse { 
25% { 
-webkit-transform: scale(1.1); 
transform: scale(1.1); 
} 

75% { 
-webkit-transform: scale(0.9); 
transform: scale(0.9); 
} 
} 

 pulse { 
25% { 
-webkit-transform: scale(1.1); 
transform: scale(1.1); 
} 

75% { 
-webkit-transform: scale(0.9); 
transform: scale(0.9); 
} 
} 

#block_single { 
width: 90%; 
height: 120px; 
padding: 20px; 
background: #f8f8f8; 
text-align: center; 
border: 1px solid #eee; 
margin:0 auto; 
display: block; 
height: 120px; 
max-width: 100%; 
} 
.bs_h2 { 
padding: 0 0 10px; 
font: bold 19px Verdana, Arial, sans-serif; 
color: #0f4568; 
} 

.bs_d { 
font: normal 16px Verdana, sans-serif; 
color: #0f4568; 
float: left; 
margin-bottom: 10px; 
width:100%; 
} 

/* стили кнопки с движением */ 
.bs_a { 
width:156px; 
font-family: Arial,Helvetica,sans-serif; 
display: block; 
height: 30px; 
font-size: 16px; 
line-height: 30px; 
background-color: #393; 
border: 0; 
cursor: pointer; 
text-decoration: none; 
border-radius: 3px; 
font-weight: 700; 
color: #fff !important; 
padding: 0 12px; 
margin: 20px; 
text-align: center; 

display: inline-block; 
-webkit-transform: translateZ(0); 
transform: translateZ(0); 
box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
-webkit-animation-name: pulse; 
animation-name: pulse; 
-webkit-animation-duration: 1s; 
animation-duration: 1s; 
-webkit-animation-timing-function: linear; 
animation-timing-function: linear; 
-webkit-animation-iteration-count: infinite; 
animation-iteration-count: infinite; 
} 
.bs_a:hover { } 
.bs_a:active { background: #40A1B9; }
/*------------------------------ nolix------------------------------*/

#sidecat {
	border: 1px solid #CCCCCC;
	border: 1px solid #CCCCCC;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;
	padding-bottom: 10px;
}




.nav-right ul li  {
	background: #fefefe; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fefefe 0%, #f2f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f2f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f2f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f2f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f2f3f3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#f2f3f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f2f3f3',GradientType=0 ); /* IE6-8 */
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	color: #545558;
	list-style-image: none !important;
	padding: 10px 3px 10px 5px;	
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-khtml-transition: all 0.5s ease-out 0s;
}

.nav-right ul li.title-nav-right,
.nav-right ul li.title-nav-right:hover,
#sidecat ul li:first-child	{
		background: #2c539e; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjNTM5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDQzODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #2c539e 0%, #244386 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#244386)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #2c539e 0%,#244386 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #2c539e 0%,#244386 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #2c539e 0%,#244386 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #2c539e 0%,#244386 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#244386',GradientType=0 ); /* IE6-8 */
		-webkit-border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		color: #fff;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
}

.nav-right ul li:last-child	{
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
}

#sidecat ul li	{
	padding: 10px 0;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-khtml-transition: all 0.5s ease-out 0s;
	margin-bottom: 10px;
}

#sidecat ul li:hover	{
	background: #ff0000;
}

#sidecat ul li:first-child a	{
	color: #fff;
}

#sidecat ul li:first-child a:hover	{
	text-decoration: none;
}

.nav-right ul li a{
	font-size:13px;
	color: #545558;
	display: block;
	transition: all 0.5s ease-out 0s;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	-khtml-transition: all 0.5s ease-out 0s;
}

.nav-right ul li a span	{
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.nav-right ul li:nth-child(2) a span	{
	background-image: url(./images/nav/icons.png);
	height: 22px;
	margin-left: 14px;
	margin-right: 13px;
	width: 25px;
}

.nav-right ul li:nth-child(3) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -25px;
	height: 22px;
	width: 32px;
}

.nav-right ul li:nth-child(4) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -56px;
	height: 22px;
	margin-left: 12px;
	margin-right: 14px;
	width: 27px;
}

.nav-right ul li:nth-child(5) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -83px;
	height: 22px;
	margin-right: 18px;
	width: 25px;
}

.nav-right ul li:nth-child(6) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -108px;
	height: 22px;
	margin-left: 14px;
	margin-right: 18px;
	width: 20px;
}

.nav-right ul li:nth-child(7) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -129px;
	height: 22px;
	margin-left: 14px;
	margin-right: 16px;
	width: 22px;
}

.nav-right ul li:nth-child(8) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -153px;
	height: 22px;
	margin-left: 14px;
	margin-right: 16px;
	width: 23px;
}

.nav-right ul li:nth-child(9) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -177px;
	height: 22px;
	margin-left: 14px;
	margin-right: 18px;
	width: 21px;
}

.nav-right ul li:nth-child(10) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -199px;
	height: 22px;
	margin-left: 14px;
	margin-right: 16px;
	width: 23px;
}

.nav-right ul li:nth-child(11) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -224px;
	height: 22px;
	margin-left: 18px;
	margin-right: 16px;
	width: 19px;
}

.nav-right ul li:nth-child(12) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -246px;
	height: 22px;
	margin-left: 16px;
	margin-right: 16px;
	width: 21px;
}

.nav-right ul li:nth-child(13) a span	{
	background-image: url(./images/nav/icons.png);
	background-position-x: -270px;
	height: 22px;
	margin-left: 16px;
	margin-right: 16px;
	width: 21px;
}




.nav-right ul li:nth-child(2):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	height: 22px;
	margin-left: 14px;
	margin-right: 13px;
	width: 25px;
}

.nav-right ul li:nth-child(3):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -25px;
	height: 22px;
	width: 32px;
}

.nav-right ul li:nth-child(4):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -56px;
	height: 22px;
	margin-left: 12px;
	margin-right: 14px;
	width: 27px;
}

.nav-right ul li:nth-child(5):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -83px;
	height: 22px;
	margin-right: 18px;
	width: 25px;
}

.nav-right ul li:nth-child(6):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -108px;
	height: 22px;
	margin-left: 14px;
	margin-right: 18px;
	width: 20px;
}

.nav-right ul li:nth-child(7):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -129px;
	height: 22px;
	margin-left: 14px;
	margin-right: 16px;
	width: 22px;
}

.nav-right ul li:nth-child(8):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -153px;
	height: 22px;
	margin-left: 14px;
	margin-right: 16px;
	width: 23px;
}

.nav-right ul li:nth-child(9):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -177px;
	height: 22px;
	margin-left: 14px;
	margin-right: 18px;
	width: 21px;
}

.nav-right ul li:nth-child(10):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -199px;
	height: 22px;
	margin-left: 14px;
	margin-right: 16px;
	width: 23px;
}

.nav-right ul li:nth-child(11):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -224px;
	height: 22px;
	margin-left: 18px;
	margin-right: 16px;
	width: 19px;
}

.nav-right ul li:nth-child(12):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -246px;
	height: 22px;
	margin-left: 16px;
	margin-right: 16px;
	width: 21px;
}

.nav-right ul li:nth-child(13):hover a span	{
	background-image: url(./images/nav/icons_white.png);
	background-position-x: -270px;
	height: 22px;
	margin-left: 16px;
	margin-right: 16px;
	width: 21px;
}

.nav-right ul li:hover, .nav-right ul li:active{
	/*background:url(images/background.png) repeat scroll 0 5px transparent;*/
	background: #bc202b;
}
.nav-right ul li:hover a , .nav-right ul li:active a {
	color:#fff;
	text-decoration:none !important;
}

/*------------------------------ wid------------------------------*/

.text_picture_up {
	width: 285px;
	height: 5px;
	margin: 0 auto;
	background: #00b0ff; }

.text_picture {
	width: 277px;
	padding: 10px 0 8px 6px;
	margin: 0 auto 20px;
	background: #ffffff;
	border: 1px solid #c9c9c9;
	border-top: none;
	box-shadow: 0 2px 6px #ababab; }


/*------------------------------ PROFIT------------------------------*/
.pp_premoderate .ppbutton {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #FE8212;
	color: #FFF;
	text-align: center;
	margin: 10px;
	padding: 5px 15px;
	font-size: 12px;
	border: none;
	cursor: pointer;
	line-height: 24px;
	}

.profit {border-bottom: 1px dashed #FFFFFF !important;  font-size: 14px; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px !important; text-align: center;}
.site {width: 160px; height: 25px; border: 1px solid #c4c4c4;  top: 3px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.ref_gogetlinks{
 padding: 0 0 10px 26px;
 background: url('http://jonyit.ru/p/links/gogetlinks.png') no-repeat 0px 2px;
 }

.ref_hostenko{
 padding: 0 0 10px 26px;
 background: url('http://jonyit.ru/p/links/hostenko.png') no-repeat 0px 2px;
 }

.ref_megaindex{
 padding: 0 0 10px 26px;
 background: url('http://jonyit.ru/p/links/megaindex.jpg') no-repeat 0px 2px;
 }

.ref_profit{
 padding: 0 0 10px 26px;
 background: url('http://jonyit.ru/p/links/Profit-Partner.png') no-repeat 0px 2px;
 }

.ref_rotapost{
 padding: 0 0 10px 26px;
 background: url('http://jonyit.ru/p/links/rotapost.png') no-repeat 0px 2px;
 }


.about-author {
        margin: 10px 0 0 0;
        padding: 0 5px 5px 5px;
        vertical-align: left;
        background: #F0F0F0 url(pix/comments-bg.png) 0 0 repeat;
        box-shadow: 0 1px 9px rgba(0, 0, 0, 0.1);
        border: 1px solid rgba(0, 0, 0, 0.1);
}
.about-author h2 {
        font-size: 22px;
        background-image: url(pix/dotsH.gif);
        background-position: bottom left;
        background-repeat: repeat-x;
        color: #4B5698;
        line-height: 27px;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px !important;
        font-style: italic;
        font-weight: 700 !important;
        letter-spacing: 0px !important;
}
.about-author p {
        margin: 7px 7px 0 0;
}

blockquote{
    background: none repeat scroll 0 0 #f3f3f3;
    border-left: 4px solid #5a63f3;
    margin: 15px 0;
    padding: 10px;
    font-style: italic;
	  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#contact_form {
        position: relative;
        width: 92%;
	margin-top: 40px;
margin-left: 20px;
}
 
.contact_left {
        float: left;
        width: 131px;
}
 
.contact_right {
        float: right;
	width: -moz-calc(100% - 155px);
	width: -webkit-calc(100% - 155px);
	width: calc(100% - 155px);
}
 
.contact_name, .contact_email, .contact_theme, .contact_textarea { position: relative; }
 
.contact_name input[type="text"],
.contact_email input[type="text"],
.contact_theme input[type="text"] {
        position: relative;
	width: 100px;
        height: 30px;
        line-height: 30px;
	padding: 0 0 0 31px;
        margin: 0 0 20px;
        background: #f7f7f7 url(images/nameid.png) no-repeat 2px 0;
        border: none;
        border-radius: 4px;
        box-shadow: inset 0.5px 0.5px 3px #aaaaad;
        font: normal 13px Arial, sans-serif;
        color: #434343;
}
.contact_email input[type="text"] { background: #f7f7f7 url(images/mailid.png) no-repeat 0 0; }
.contact_theme input[type="text"] { background: #f7f7f7 url(images/url.png) no-repeat 2px 0; }
 
.contact_textarea textarea {
        position: relative;
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
        height: 116px;
        padding: 7px 10px;
	margin: 0 0 18px;
        background: #f7f7f7;
        border: none;
        border-radius: 4px;
        box-shadow: inset 0.5px 0.5px 3px #aaaaad;
	font: normal 13px Arial, sans-serif;
        color: #434343;
}
 
.contact_name input[type="text"]:focus, .contact_email input[type="text"]:focus, .contact_theme input[type="text"]:focus, .contact_textarea textarea:focus, .contact_submit:focus {
        outline: none;
        box-shadow: 0 0 5px #aaaaad;
}
 
.contact_submit {
	float: right;
	width: 120px;
	padding-top: 7px;
	padding-bottom: 4px;
	margin: 0 0 15px;
	background: #6ea077;
        border: none;
        border-radius: 4px;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	color: #fff;
	transition: background-color ease-in-out .15s;
	cursor: pointer;
}
.contact_submit:hover { background: #7FAC87; }
 
.contact_message {
        width: 100%;
        height: 22px;
        padding: 70px 0;
        text-align: center;
        font: normal 22px Arial, sans-serif;
        color: #434343;
}
 
.errors, .errorss {
	position: absolute;
	bottom: 2px;
	left: 10px;
	font: normal 12px Arial, sans-serif;
        color: red;
	z-index: 999;
}




.subsidebox {background: url("images/sideform.jpg") no-repeat scroll 0 0 transparent; width:260px; height:134px;margin-left: 5px;position: relative;}
.subsidepole {bottom: 20px; height: 20px; left: 10px; position: absolute; width: 180px; padding: 0 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;color: #636363;}
.subsidebut {bottom: 22px; position: absolute; right: 10px; border: 1px solid #0072B8;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color:#fff; background: #0096fc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgzZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0096fc 0%, #0083d2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0096fc), color-stop(100%,#0083d2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0096fc 0%,#0083d2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0096fc 0%,#0083d2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0096fc 0%,#0083d2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0096fc 0%,#0083d2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096fc', endColorstr='#0083d2',GradientType=0 ); /* IE6-8 */
font-weight:bold; width: 45px; height: 23px;
}
.subsidebut:hover {cursor:pointer;background: #0083d2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk2ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0083d2 0%, #0096fc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0083d2), color-stop(100%,#0096fc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0083d2 0%,#0096fc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0083d2 0%,#0096fc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0083d2 0%,#0096fc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0083d2 0%,#0096fc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083d2', endColorstr='#0096fc',GradientType=0 ); /* IE6-8 */
}
.fullsidebox {background: url("images/fullform.png") no-repeat scroll 0 0 transparent; height: 94px; width: 650px;position:relative;}
.fullsidepole {background: url("images/fullinput.png") no-repeat scroll 0 0 transparent; border: medium none; height: 27px; padding-left: 25px; width: 190px; position: absolute; right: 60px; top: 14px;}
.fullsidebut {background: url("images/fullbut.png") no-repeat scroll 0 0 transparent; border: medium none; color: #c8c8c8; cursor: pointer; font-weight: bold; height: 27px; position: absolute; right: 12px; top: 14px; width: 71px; text-shadow: 0 0 1px #FFFFFF;}
.fulltxt {color: #4D6780; font-family: Times New Roman; font-size: 20px; font-weight: bold; left: 75px; position: absolute; text-shadow: 0 1px 1px #FFFFFF; top: 12px;}
.fulltxtsubs {position: absolute; color: #90897D; font-size: 12px;left: 75px;top: 30px; font-family: Times New Roman;}
.fulltxtaccept {bottom: 15px; color: #A59F94; font-size: 9px; left: 60px; position: absolute;}
.socialbut {text-align:center; margin-top: 30px;}
.about-author a {
        border-bottom: 1px dotted #CECECE;
}
.about-author a:hover {
        border-bottom: 1px dotted #CECECE;
        text-decoration: underline;
}
.about-author ul {padding: 0; margin: 0;}
.about-author ul li {float: left;margin: 10px 15px 10px 25px !important;padding: 0 0 0 -1px !important;background: url(pix/bk_list.png) 0 -1px no-repeat !important;}
.about-author ul li a {font-size: 11px !important;color: #0093CA !important;font-weight: 400 !important;background: none !important;border-bottom: 1px dotted #CECECE!important; }
.about-authorul li a:hover {color: #f30 !important; text-decoration:underline;}
.toprss {
        border-color: rgba(0, 0, 0, 0.1);
        border-width: 0px 1px 0 1px;
        border-style: solid;
        box-shadow: 0 1px 9px rgba(0, 0, 0, 0.1);
        margin: 0;
        padding: 2px 2px 4px 4px;
        vertical-align: top;
        width: 100%;
        background: #F0F0F0 url(pix/comments-bg.png) 0 0 repeat;
}

.leftimg_about {
    float: left;
    margin: 7px 7px 7px 0px !important;
    border: 1px solid #6F6F6F;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

div#direct{
margin: 10px 5px 12px -3px;
border: 1px;
color:red;
}





.post-subscribe {
border:1px dashed #910a0a;
padding:5px 3px 35px 3px;
height: 110px;
}
 
#rss2mail {
clear:both;
text-align:right;
width:100%;
overflow:hidden;
position:relative;
top:-6px;
margin:0 0 -6px;
}
 
#rss2mail label {
display:block;
margin-right:28px;
height:25px;
}
 
#rss2 input {
float:left;
background:url(http://jonyit.ru/sprite/rss2mail.gif) no-repeat;
border:none;
margin:0;
}
.rss2 {
width:152px;
background:url(http://jonyit.ru/sprite/rss2mail.gif) no-repeat;
font:11px Verdana, Tahoma, Arial;
color:#7A7A7A;
padding:5px 3px 8px 26px;
}
 
#rss2 .go {
width:33px;
height:24px;
background:url(http://jonyit.ru/sprite/rss2mail.gif) 100% 0 no-repeat;
}

#fixedbanner {
border:1px solid #000;
padding: 0;
top: 150px;
right: 0px;
width: 200px;
float: right;
position: absolute;
overflow: hidden;
}

#comment-toolbar {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:5px;
padding-right:10px;
text-align:right;
margin:0px;
}




#share {
	width:100%;
	border:1px solid #eaeaea;
	margin: 0 auto;
	background:#fff;
	text-align:center;
}
.like {
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
}
.push {
	display: inline-block;
	width: 21%;
	min-width: 100px;
	line-height: 40px;
	margin: 5px 2px 20px 2px;
	font-size: 15px;
	text-align: center;
	color:#fff;
	cursor: pointer;
}
 
.facebook {background-color:#3b5998;}
.facebook:hover {background-color:#2d4373; color:#fff;}
.google {background-color:#dd4b39;}
.google:hover {background-color:#c23321; color:#fff;}
.twitter {background-color:#55acee;}
.twitter:hover {background-color:#2795e9; color:#fff;}
.vkontakte {background-color:#587ea3;}
.vkontakte:hover {background-color:#466482; color:#fff;}

.yand_search_mob,
.open_mob_menu {
  display: none;
}


.wrap-tariff {
 margin: 50px 0;
}

.tariff {
 background: #fff;
 border: 1px solid #dadada;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 display: inline-block;
 position: relative;
 vertical-align: middle;
 width: 32%;
}

.tariff:nth-child(1) {
 margin-right: -20px;
 width: 34%;
 z-index: 1;
}
 .tariff:nth-child(1) .tariff_txt {
   margin-right: 20px;
 }

.tariff:nth-child(2) {
 -webkit-box-shadow: 0 1px 20px 1px rgba(220,220,220,0.7) ;
 box-shadow: 0 1px 20px 1px rgba(220,220,220,0.7) ;
 margin: 0;
 width: 33%;
 z-index: 3;
}

.tariff:nth-child(3) {
 margin-left: -20px;
 width: 34%;
 z-index: 1;
}
 .tariff:nth-child(3) .tariff_txt {
   margin-left: 20px;
 }
   .tariff_title {
    background: #2c539e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2c539e 0%, #244386 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c539e), color-stop(100%,#244386));
    background: -webkit-linear-gradient(top, #2c539e 0%,#244386 100%);
    background: -o-linear-gradient(top, #2c539e 0%,#244386 100%);
    background: -ms-linear-gradient(top, #2c539e 0%,#244386 100%);
    background: linear-gradient(to bottom, #2c539e 0%,#244386 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#244386',GradientType=0 );
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
   }

   .tariff_txt {
    font-size: 12px;
    padding: 15px 20px;
   }

   .tariff:nth-child(1) .tariff_txt {
    padding: 15px 10px 15px 20px;
   }

   .tariff a {
    background: #2785cd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 0 auto 20px auto;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100px;
   }

  .tariff a:hover {
    background: #2c539e;
  }


  .meta_ul .author {
    padding-top: 0;
    width: 150px;
  }

  .meta_ul .cat {
    padding-top: 0;
    width: 200px;
  }




@media screen and (max-width: 480px) {
  #wrapper {
  	overflow: hidden;
  }

  #wrapper,
  #header,
  .lavaLamp,
  #container_top,
  #container,
  #content,
  #sidebar,
  #container_bottom,
  #footer,
  #footer .bottom {
    width: 100%;
  }

  #header {
    padding-top: 0;
  }

  #logo {
    float: none;
    margin: 0 auto;
    width: 220px;
  }

  #logo_title {
      float: none;
      margin: 0;
  }

  #separator {
    display: none;
  }

  #content,
  .lavaLamp ul li {
  float: none; 
  }

  .lavaLamp {
    background: #222222;
    float: none;
    height: auto;
  }
    .lavaLamp li {
      border-bottom: 1px solid #5e5e5e;
    }

  #top_menu {
    padding-top: 40px;
  }

  .yand_search {
    display: none;
  }

  .yand_search_mob {
    background: #222222;
    display: block;
    margin-left: 5%;
    margin-top: 5px;
    position: relative;
    width: 95%;
    z-index: 1; 
  }
    .yandexform {
      width: 100%;
    }

  .lavaLamp li.back {
    display: none;
  }

  .open_mob_menu {
    display: block;
    left: 12px;
    padding-bottom: 20px;
    padding-top: 10px;
    position: relative;
    top: 40px;
  }
    .open_mob_menu a {
      color: #fff;
      text-transform: uppercase;
    }

  #menu-verxnee-menyu,
  #container_top,
  #container_bottom {
    display: none;
  }

  .post img {
    height: auto;
    max-width: 100%;
  }

  .post {
      padding: 10px 20px 10px 20px;
  }

  #nolix {
    height: auto !important;
  }

  #nolix_ads {
      width: 95%;
      height: auto;
      margin: 10px 0 0 0!important;
  }

  #nolix_link {
      float: none !important;
      width: 98% !important;
      height: auto !important;
  }

  .comm_more {
      float: left;
      width: 120px;
      margin: 0px 10px 0 0;
  }

  .read_more {
      float: left;
      width: 140px;
      overflow: hidden;
  }

  #sidebar {
    float: none;
    margin: 40px auto 0 auto;
  }
    #sidebar .widget {
      margin: 0 20px 25px 20px;
    }

  #footer .bottom {
    margin-left: 20px;
    text-align: left;
  }

  .comment-inputs {
      width: 90%;
      float: none;
  }

  .comment-textarea {
      float: none;
      width: 90%;
      max-width: 90%;
  }

  p.subscribe-to-comments {
    top: 348px;
  }

  #footer .widget {
    float: none;
    width: 90%;
    margin: 0 29px 0 20px;
  }

  #Ya_sync_0 {
    display: none;
  }

}









@media (min-width: 481px) and (max-width: 1010px) {
  #wrapper {
  	overflow: hidden;
  }

  #wrapper,
  #header,
  .lavaLamp,
  #container_top,
  #container,
  #content,
  #sidebar,
  #container_bottom,
  #footer,
  #footer .bottom {
    width: 100%;
  }

  #header {
    padding-top: 0;
  }

  #logo {
    float: none;
    margin: 0 auto;
    width: 220px;
  }

  #logo_title {
      float: none;
      margin: 0;
  }

  #separator {
    display: none;
  }

  #content,
  .lavaLamp ul li {
  float: none; 
  }

  .lavaLamp {
    background: #222222;
    float: none;
    height: auto;
  }
    .lavaLamp li {
      border-bottom: 1px solid #5e5e5e;
    }

  #top_menu {
    padding-top: 40px;
  }

  .yand_search {
    display: none;
  }

  .yand_search_mob {
    background: #222222;
    display: block;
    margin-left: 5%;
    margin-top: 5px;
    position: relative;
    width: 95%;
    z-index: 1; 
  }
    .yandexform {
      width: 100%;
    }

  .lavaLamp li.back {
    display: none;
  }

  .open_mob_menu {
    display: block;
    left: 12px;
    padding-bottom: 20px;
    padding-top: 10px;
    position: relative;
    top: 40px;
  }
    .open_mob_menu a {
      color: #fff;
      text-transform: uppercase;
    }

  #menu-verxnee-menyu,
  #container_top,
  #container_bottom {
    display: none;
  }

  .post img {
    height: auto;
    max-width: 100%;
  }

  .post {
      padding: 10px 20px 10px 20px;
  }

  #nolix {
    height: auto !important;
  }

  #nolix_ads {
      width: 100%;
      height: auto;
      margin: 10px 0 0 0!important;
  }

  #nolix_link {
      float: none !important;
      width: 98% !important;
      height: auto !important;
  }

  .comm_more {
      float: left;
      width: 120px;
      margin: 0px 10px 0 0;
  }

  .read_more {
      float: left;
      width: 140px;
      overflow: hidden;
  }

  #sidebar {
    float: none;
    margin: 40px auto 0 auto;
  }
    #sidebar .widget {
	    margin: 0 auto 20px auto;
	    width: 300px;
	}

  #footer .bottom {
    margin-left: 20px;
    text-align: left;
  }

  .comment-inputs {
      width: 90%;
      float: none;
  }

  .comment-textarea {
      float: none;
      width: 90%;
      max-width: 90%;
  }

  p.subscribe-to-comments {
    top: 348px;
  }

  #footer .widget {
    float: none;
    width: 90%;
    margin: 0 29px 0 20px;
  }

  .post_more {
	    margin: 0 auto;
	    width: 280px;
	}

	#container {
		background: #fff;
	}

}